/* Stylesheet, 4/4/2011 */

html,body {
    margin:0;
    padding:0;
    background: #000;
}

body {
    font-family: "Trebuchet MS","Segoe UI",Trebuchet,"Bitstream Vera Sans","DejaVu Sans",sans-serif;
    text-align: center;
}

p {
    margin:0 10px 10x;
}

a {
    display: block;
    color: #006;
    text-decoration: none;
}

/* Header ----------------- */
div#header {
    float: left;
    width: 100%;
    background: #000;
    margin: 0;
    height: 90px;
}


div#logo {
    width: 300px;
    float:left;
}

div#search {

    width: 310px;
    height: 40px;
    background-image: url("../images/searchBox.png");
    background-repeat: no-repeat; /*important*/
    padding: 0px;
    margin-top: 25px;
    margin-left: 320px;
    color: #DDD;
    position: relative;
}

div#search form {
    display: inline;
}

.searchbox {
    border:0px; /*important*/
    background-color:transparent; /*important*/
    position:absolute; /*important*/
    top:7px;
    left:10px;
    width:256px;
    height:28px;
    font-family: "Trebuchet MS","Segoe UI",Trebuchet,"Bitstream Vera Sans","DejaVu Sans",sans-serif;
    color: #555;
}

.searchbox_submit {
    border:0px; /*important*/
    background-color:transparent; /*important*/
    position:absolute; /*important*/
    top:4px;
    left:265px;
    width:32px;
    height:28px;
}

div#container{
    text-align:left;
}

div#navigation_top {
    clear: left;
    background: #2A3333;
    padding: 5px;
    color: #ddd;
    font-size: 1em;
    height: 35px;

}
/* Menu  -------------------------------------- */
div#navigation_top ul { list-style: none; }

/* 	LEVEL ONE */
ul.dropdown { 
    position: relative; 
    margin: 0; 
    padding: 0;
}
ul.dropdown li  { 
    font-weight: bold; 
    float: left; 
    zoom: 1; 
    background: #2A3333; 
}



ul.dropdown a:hover { 
    color: #000; 
}
ul.dropdown a:active { 
    color: #ffa500; 
}
ul.dropdown li a { 
    display: block; 
    padding: 4px 12px; 
    color: #ddd;
}


.hasDropDownMenu a {
    background: url("../images/downArrow.png") no-repeat right;

}

.sub_menu a { background: none; }

div#navigation_top ul.dropdown li.hover, div#navigation_top ul.dropdown li:hover { 
    background: #F3D673; 
    color: black; 
    position: relative; 
}

ul.dropdown li.hover a { 
    color: black; 
}

/* 	LEVEL TWO  */
ul.dropdown ul { 
    width: 220px; 
    visibility: hidden; 
    position: absolute; 
    top: 100%; left: 0; 
    margin-left: -40px; 
}

ul.dropdown ul li { 
    font-weight: normal; 
    background: #f6f6f6; 
    color: #000; 
    border-bottom: 1px solid #ccc; 
    float: none;
}

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{ 
    border-right: none; 
    width: 100%; 
    display: inline-block; 
} 

/* 	LEVEL THREE */
ul.dropdown ul ul { 
    left: 100%; 
    top: 0;
}
ul.dropdown li:hover > ul { 
    visibility: visible;
}


div#content {
    background-color: #FFF;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-top: 12px;
}

div#content p {
    line-height:1.4;
    font-size: .9em;
}

div#content {
    margin-left: 201px;
    background-color: #FFF;

}

div#content h1 {
    margin: 0;
    font-size: 140%;
    border-bottom: 1px solid #DDD;
}

div#full_wrapper div#content {
    margin-left: 0px;
}

div#navigation {
    float:left;
    width: 200px;
    padding:0;
    margin:0;

}

#navigation ul {
    margin: 0;
    padding: 0;
}

#navigation ul.navList {
    margin-top: -10px;
    border-bottom: 0;
    margin-bottom: 15px;
}
#navigation ul.navWhatsNew {
    list-style: square;
}

#navigation ul.navWhatsNew li {
    font-size: 90%;
    margin: 5px;
    padding: 6px;
    list-style: square;
}

#navigation h2 {
    font-size: 85%;
    padding: 5px;
    height: 34px;
    background: url("../images/subNav.png") repeat-x top;
    margin: 0;
}

.navList li {
    font-size: 75%;
    list-style: none;
    padding: 0;

    border-top: 1px solid #CCC;
}

.navList li a {
    style: block;
    padding-left: 10px;
}	

.navList li a:hover {
    background-color: #F3D673;
}

div#footer{background: #333;color: #FFF; bottom: 10px;}
div#footer p{margin:0;padding:5px 0px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

div#container{width:90%; min-width: 960px; margin:0 auto}

div#wrapper, div#full_wrapper {
    width:100%; 
    background: url("../images/bgHack.png") repeat-y left;
    background-color: #fff;
    overflow: auto;
}

div#full_wrapper {
    background: none;
    background-color: #FFF;
}

div#footer{clear:both;width:100%}


.gridDiv {
    float:left;
    width: 160px;
    text-align: center;
    margin: 5px;
}

.gridDiv_picture {
    
    width: 100%;
}

.gridDiv_title {
    font-weight: bold;
    font-size: 80%;
}

.gridDiv_price {
    font-size: 75%;
    color: #666;
}

.gridDiv_price span {
    color: darkseagreen;
}

.clearFloat {
    clear: both;
}